<template>
    <div class="assign-his-div">
        <el-dialog
                title="转办历史"
                :visible.sync="visible"
                :show-close="false"
                :close-on-click-modal="false"
                :modal-append-to-body="false"
                width="70%">
            <avue-crud :data="taskAssigneeHisList"
                       :option="taskAssigneeHisOption">
            </avue-crud>
            <div slot="footer" class="dialog-footer">
                <el-button @click="cancelAssignHis()">关 闭</el-button>
            </div>
        </el-dialog>
    </div>
</template>

<script>
    export default {
        name: "assignHistory",
        props:{
            visible: {
                type: Boolean,
                default: true,
            },
            taskAssigneeHisList:{
                type: Array,
                default: [],
            }
        },
        data(){
            return{
                taskAssigneeHisOption:{
                    page:false,
                    menu: false,
                    addBtn: false,
                    editBtn: false,
                    addRowBtn: false,
                    indexLabel: "序号",
                    index: true,
                    indexWidth:70,
                    cellBtn: false,
                    delBtn: false,
                    columnBtn: false,
                    refreshBtn: false,
                    filterBtn: false,
                    searchBtn: false,
                    keyId: "taskId",
                    column: [
                        {
                            label: "操作用户姓名",
                            minWidth: 200,
                            prop: "nickname",
                        },
                        {
                            label: "操作时间",
                            minWidth: 200,
                            prop: "createTime",
                        },
                        {
                            label: "转办用户姓名",
                            minWidth: 200,
                            prop: "assigneeNickname",
                        },
                        {
                            label: "转办意见",
                            prop: "opinion",
                            minWidth: 240,
                        }
                    ]
                }
            }
        },
        methods:{
            cancelAssignHis(){
                this.$emit('cancelAssignHis',this.userIdTemp)
            }
        }
    }
</script>

<style lang="scss" scoped>
    .assign-his-div{
        /deep/ .avue-crud__menu{
            min-height:0px
        }
    }
    .dialog-footer{
        text-align: center;
    }
</style>
